Zadanie: pokazywanie i chowanie koszyka
Pierwszą funkcjonalnością koszyka będzie jego pokazywanie i ukrywanie. Przypomina Ci to coś? Dokładnie to samo robiliśmy już w klasie Product, z tą różnicą, że tam potrzebowaliśmy jednocześnie ukrywać inne "otwarte" produkty. Tutaj mamy tylko jeden element, jeden koszyk, będzie więc jeszcze prościej!
1. W metodzie getElements dodajemy definicję właściwości thisCart.dom.toggleTrigger, która znajduje w thisCart.dom.wrapper pojedynczy element o selektorze zapisanym w select.cart.toggleTrigger.
2. Dodajemy metodę initActions i wywołujemy ją w konstruktorze tuż pod wywołaniem metody getElements.
3. W metodzie initActions deklarujemy thisCart i dodajemy listener eventu 'click' na elemencie thisCart.dom.toggleTrigger.
4. Handler tego listenera ma toggle'ować klasę zapisaną w classNames.cart.wrapperActive na elemencie thisCart.dom.wrapper.
Oczekiwany efekt
W rezultacie koszyk powinien się rozwijać i zwijać przy kliknięciu, pokazując/ukrywając szczegóły koszyka, zawierające m.in. guzik "ORDER".
